<template>
 <div class="wrap">
     <div class="con">
         <h2>接受任务人员列表</h2>
         <div class="con2">
             <table class="tbHead">
                 <tr>
                     <td>用户名</td>
                     <td>详细信息</td>
                     <td>项目名称</td>
                     <td>作业进度</td>
                     <td>项目评价</td>
                     <td></td>
                 </tr>
             </table>
             <p class="line"></p>
                <table class="tbMain">
                    <tr>
                        <td>星辰大海</td>
                        <td><el-button type="primary" class="btn">查看</el-button></td>
                        <td>建立购物网站</td>
                        <td>进行中</td>
                        <td>暂无</td>
                        <td><el-button type="warning" class="btn">评价</el-button></td>
                    </tr>
                </table>
         </div>
     </div>
 </div>
</template>

<script>
 export default {
   data () {
     return {

     }
   }
 }
</script>

<style scoped>
.wrap {
  width: 100%;
  height: 100%;
}
.con {
  width: 80%;
  height: 1200px;
  margin: 20px auto 0;
  box-shadow: 1px 3px 9px #ddd;
  border-radius: 10px;
  background-color: #fff;
}
.con h2{
    padding: 20px 0 10px 0;
    text-align: center;
    font-weight: 700;
    font-size: 28px;
}
.con2{
    width: 80%;
    margin-left: 10%;
}
table{
    margin-top: 20px;
    width: 100%;

}
table tr td{
    width: 16%;
    font-size: 18px;
    text-align: center;
}
.tbHead td{
    color: #0087cf;
    font-weight: 600;
    padding-bottom: 10px;
}
.tbMain td{
    font-weight: 600;
}
.line{
    width: 100%;
    border-bottom: 4px solid #0087cf;
}
.btn{
    margin-top: -10px; 
}

</style>
